﻿<%@ Page EnableEventValidation="false" validateRequest="false" Language="C#" AutoEventWireup="true" CodeBehind="AddHTMLControl.aspx.cs" Inherits="BEELab.AddHTMLControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
        <title></title>
        <link rel="stylesheet" href='./Content/css/style.css' />
        <link rel="stylesheet" type="text/css" href='./Content/css/source/jquery.fancybox.css' media="screen" />
        <script src='<%: ResolveClientUrl("~/Scripts/jquery-1.10.2.min.js")%>'></script>
        <script src='<%: ResolveClientUrl("~/Content/css/source/jquery.fancybox.js?v=2.1.5")%>'></script>
    </head>
<body style="width: 640px; padding: 24px; background-color:#ffffff">
    <form id="form1" runat="server">
    <div id="wrap" class="clearfix">
        <h2 class="headline"><asp:Label ID="lblTitle" runat="server">
        </asp:Label></h2>
        <div class="sign-form">
            <div class="input-hold" id="divName" style="display:none" runat="server" runat="server">
                <asp:Label ID="Label3" CssClass="sign-label" AssociatedControlID="txtName" runat="server">Name</asp:Label>
                <asp:TextBox CssClass="sign-input" ID="txtName" runat="server" Width="200px"></asp:TextBox>
            </div>

            <div class="input-hold" id="divID" style="display:none" runat="server">
                <asp:Label ID="Label1" CssClass="sign-label" AssociatedControlID="txtID" runat="server">ID</asp:Label>
                <asp:TextBox CssClass="sign-input" ID="txtID" runat="server" Width="200px"></asp:TextBox>
            </div>

            <div class="input-hold" id="divValue" style="display:none" runat="server">
                <asp:Label ID="Label2" CssClass="sign-label" AssociatedControlID="txtValue" runat="server">Value</asp:Label>
                <asp:TextBox CssClass="sign-input" ID="txtValue" runat="server" Width="200px"></asp:TextBox>
            </div>

            <div class="input-hold" id="divText" style="display:none" runat="server">
                <asp:Label ID="Label6" CssClass="sign-label" AssociatedControlID="txtText" runat="server">Text</asp:Label>
                <asp:TextBox CssClass="sign-input" ID="txtText" runat="server" Width="200px"></asp:TextBox>
            </div>

            <div class="input-hold" id="divOnClick" style="display:none" runat="server">
                <asp:Label ID="Label4" CssClass="sign-label" AssociatedControlID="txtClick" runat="server">OnClick</asp:Label>
                <asp:TextBox CssClass="sign-input" ID="txtClick" runat="server" Width="200px"></asp:TextBox>
            </div>

            <div class="input-hold" id="divDisable" style="display:none" runat="server">
                <asp:CheckBox CssClass="sign-checkbox" ID="checkDisable" runat="server" Text="Disable After Click" />
            </div>

            <div class="input-hold" id="divChecked" style="display:none" runat="server">
                <asp:CheckBox CssClass="sign-checkbox" ID="checkChecked" runat="server" Text="Checked" />
            </div>

            <div class="input-hold">
                <asp:Button runat="server" ID="btnSubmit" Text="Generate Control Code" CssClass="sign-submit"  OnClick="btnSubmit_Click"/>
            </div>

            <div class="input-hold" id="divResult">
                <asp:Label ID="Label5" CssClass="sign-label" AssociatedControlID="txtResult" runat="server">Generated Code</asp:Label>
                <asp:TextBox CssClass="sign-input" ID="txtResult" runat="server" Width="400px"></asp:TextBox>
            </div>

            <div class="input-hold">
                <asp:Button runat="server" ID="Button1" Text="Add Control" CssClass="sign-submit" OnClientClick="parent.tinymce.activeEditor.insertContent(txtResult.value); parent.$.fancybox.close();"/>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
